<div class="d-flex justify-content-between align-items-center">
  <span class="d-block"><span
    *ngIf="(filtered$ | async)">{{'enum.FOUND' | translate}} {{filteredCount}}&nbsp;/&nbsp;</span>{{rowData.length}} {{'scan.COUNT_POSTFIX' | translate}}</span>
  <div class="d-flex justify-content-end align-items-center">
    <button (click)="acceptVul()" mat-stroked-button><i
      class="eos-icons mr-2">done</i>{{'cveProfile.ACCEPT' | translate}}</button>
    <button [matMenuTriggerFor]="menu"
            class="mx-2 d-flex align-items-center justify-content-center<i class='eos-icons'>done</i>a"
            mat-button>{{activeScore}} <i class="eos-icons">arrow_drop_down</i>
    </button>
    <mat-menu #menu="matMenu">
      <button (click)="changeScoreView('V2')" mat-menu-item>{{'scan.gridHeader.SCORE_V2' | translate}}</button>
      <button (click)="changeScoreView('V3')" mat-menu-item>{{'scan.gridHeader.SCORE_V3' | translate}}</button>
    </mat-menu>
    <button (click)="onToggleChartView()" aria-label="Pie chart view icon button " mat-icon-button>
      <i class="eos-icons">pie_chart</i>
    </button>
    <button (click)="openAdvancedFilter()" class="mx-2 d-flex justify-content-end align-items-center" mat-button><i
      class="eos-icons">search</i>{{'general.ADV_FILTER' | translate}}
    </button>
    <app-quick-filter
      (filterCountChange)="filterCountChanged($event)"
      [gridOptions]="gridOptions"
      [showCount]="false">
    </app-quick-filter>
  </div>
</div>

<ag-grid-angular
  (window:resize)="onResize()"
  [enableCellTextSelection]="true"
  [ensureDomOrder]="true"
  [gridOptions]="gridOptions"
  class="ag-theme-alpine"
  style="width: 100%; height: calc(100% - 70px)">
</ag-grid-angular>
